$(document).ready(function () {
    //Chọn sự kiện click của thẻ a có thuộc tính name=login.
    $('a[name=login]').click(function (e) {
        
 //Ngăn chặn chạy liên kết của thẻ a
 	e.preventDefault();

        //Lấy width và height của cửa sổ trình duyệt
        var height = $(window).height();
        var width = $(window).width();

        var heightdocument = $(document).height();
        var widthdocument = $(document).width();
        //Gán width và height cho mask
        $('.mask').css({ 'height': heightdocument, 'width': widthdocument });

        //Hiện mask lên màn hình
        $('.mask').fadeIn(600);
        $('.mask').fadeTo("slow", 0.4);

        //Canh giữa popup trên cửa sổ trình duyệt
        $('#window').css({ 'top': height / 2 - $('#window').height() / 2 });
        $('#window').css({ 'left': width / 2 - $('#window').width() / 2 });
	 
 //Hiện khung đăng nhập lên màn hình
        $('#window').fadeIn(1000);

    });

    //Đóng khung đăng nhập
    $('.mask').click(function () {
        $(this).hide();
        $('.box').hide();
    });
});
